<template>
    <div>
        <HomeHeader  :type_="type_"></HomeHeader>
        <v-content>
            <v-container ><v-card ref="form">
                <v-simple-table>
                        <thead>
                        <tr>
                            <th class="text-left" v-for="(item,i) in items" :key="i">{{item.text}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="item in desserts" :key="item.name">
                            <td width="25%">{{ item.name }}</td>
                            <td>未排班</td>
                            <td>未排班</td>
                        </tr>
                        </tbody>

                </v-simple-table></v-card></v-container >
        </v-content></div>
</template>
<script>
export default {
  name:"Home",
    data () {
        return {
            type_:'adm',
            items:[{text:"预约ID"},{text:"排班ID"},{text:"用户ID"},{text:"预约日期"},{text:"预约时间"}],
            desserts: [
                {
                    name: 'Frozen Yogurt',
                    calories: 159,
                },
                {
                    name: 'Ice cream sandwich',
                    calories: 237,
                },
                {
                    name: 'Eclair',
                    calories: 262,
                }
            ],
        }
    }
 }
</script>

<style scoped>
</style>

